<template>
   <div id="t">
       抵押信息：
       <el-form ref="form"   label-width="130px" >

  <el-form-item label="抵押人" >
    <el-col :span="8">
       <el-input v-bind:value="mortgager"></el-input>
    </el-col>
   <el-form-item label="抵押人户籍地址">
      <el-col :span="8" >
       <el-input v-model="mortgageraddress"></el-input>
       </el-col>
      </el-form-item>
   </el-form-item>
   <el-form-item label="抵押人身份证号">
      <el-col :span="8" >
       <el-input v-model="mortgageridcard"></el-input>
       </el-col>
      </el-form-item>

   <el-form-item label="抵押权人" >
    <el-col :span="8">
       <el-input v-bind:value="mortgagee"></el-input>
    </el-col>
   <el-form-item label="抵押权人户籍地址">
      <el-col :span="8" >
       <el-input v-model="mortgageeaddress"></el-input>
       </el-col>
      </el-form-item>
   </el-form-item>
   <el-form-item label="抵押权人身份证号">
      <el-col :span="8" >
       <el-input v-model="mortgageeidcard"></el-input>
       </el-col>
      </el-form-item>

    抵押房产信息
    <el-form-item label="房屋坐落" >
    <el-col :span="8">
       <el-input v-model="location"></el-input>
    </el-col>
   </el-form-item>

    <el-form-item label="一般抵押" >
    <el-col :span="8">
       <el-input v-model="generalmortgage"></el-input>
    </el-col>
   <el-form-item label="最高抵押">
      <el-col :span="8" >
       <el-input v-model="maxmortgage"></el-input>
       </el-col>
</el-form-item>
   </el-form-item>

   <el-form-item label="最高债权数额" >
    <el-col :span="8">
       <el-input v-model="maxclaim"></el-input>
    </el-col>
   <el-form-item label="担保范围">
      <el-col :span="8" >
       <el-input v-model="scope"></el-input>
       </el-col>
</el-form-item>
   </el-form-item>

   <el-form-item label="债务履行期限" >
    <el-col :span="8">
       <el-input :value="returntime|dateFormat">
       </el-input>
    </el-col>
   <el-form-item label="登记时间">
      <el-col :span="8" >
       <el-input :value="registertime| dateFormat ">
       </el-input>
       </el-col>
</el-form-item>
   </el-form-item>

</el-form>
   </div>
</template>

<script>

export default {
    name : 'otherpower1',
     filters:{
      dateFormat(dataStr){
        var dt = new Date(dataStr);
        var y = dt.getFullYear();
        var m = dt.getMonth();
        if(m<10){
           m="0"+m;
        }
        var d = dt.getDate();
          if(d<10){
           d="0"+d;
        }
        var hh = dt.getHours();
        var mm = dt.getMinutes();
        var ss = dt.getSeconds();
        return y+"-"+m+"-"+d+"  "+hh+":"+mm+":"+ss;
      }
    },

    props: ['params'],
      data() {
      return {
          form:{
          },
        mortgager:this.params.mortgageQuery.mortgager.clientname,
        mortgageraddress:this.params.mortgageQuery.mortgager.address,
        mortgageridcard:this.params.mortgageQuery.mortgager.idcard,
        mortgagee:this.params.mortgageQuery.mortgagee.clientname,
        mortgageeaddress:this.params.mortgageQuery.mortgagee.address,
        mortgageeidcard:this.params.mortgageQuery.mortgagee.idcard,
        location:this.params.mortgageQuery.house.location+this.params.mortgageQuery.building.buildingname+this.params.mortgageQuery.room.roomnumber,
        generalmortgage:this.params.mortgageQuery.existmortgage.generalmortgage,
        maxmortgage:this.params.mortgageQuery.existmortgage.maxmortgage,
        maxclaim:this.params.mortgageQuery.existmortgage.maxclaim,
        scope:this.params.mortgageQuery.existmortgage.scope,
        returntime:this.params.mortgageQuery.existmortgage.returntime,
        registertime:this.params.mortgageQuery.existmortgage.registertime,

      }
    },
    mounted(){

    },
    methods: {


    }

}
</script>


<style scoped>

</style>
